/* CSS Document */
* {
    margin: 0;
    padding: 0;
    border:0;
    font-style: normal;
}
html {
  font-size: 62.5%;
}

body {
	font-size: 14px;
	font-family: "Segoe UI","Lucida Grande",Helvetica,Arial,
					"Microsoft YaHei",FreeSans,Arimo,"Droid Sans",
					"wenquanyi micro hei","Hiragino Sans GB",
					"Hiragino Sans GB W3",sans-serif;
	color: #333;
	background: #fff;
}
button, input, optgroup, select, textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

ul li{
	list-style: none;
}

a, a:link {
	color: #006699;
	text-decoration: none;
}
a:hover {
	color: #bc2931;
}
#header a,
#header a:active,
#header a:link{
	color: #333;
	text-decoration: none;
}

td {
	border-bottom: #ddd 1px solid;
	line-height: 20px;
}

thead {
 	border-bottom: #CCCCCC 1px solid;
	border-top: solid #cccccc 1px;
}
span {
	margin: 0px;
	padding: 2px;
}

a.operation{
	font-size:12px;
	line-height:35px;
	color:#006699;
	display:inline-block;
	cursor:pointer;
}

a.operation:hover{
	text-decoration:underline;
}

.content{
	position: relative;
	width:1200px;
	margin:0px auto;
}

#header{
	width: 100%;
	background: rgba(0,0,0,0.7);
	border-bottom: 1px solid rgba(4, 18, 27, 1);
}
#header .top-bar{
	display: block;
	width: 1200px;
	height: 50px;
	background: #fff;
}

#header .content{
	padding-top:0px;
	padding-bottom: 0px;
}

#header .logo {
	float: left;
	width: 200px;
	font-size: 28px;
	color:#ff6200;
	text-shadow: 2px 2px 2px #993300;
	letter-spacing: 2px;
	line-height: 50px;
}
#header .top-bar .content{
	padding: 0px;
}
#header .logout{
	position: absolute;
	right: 25px;
	top: 10px;
	line-height: 21px;
	font-size: 13px;
	color: #eeeeee;
	z-index: 10;
}
#header .logout a{
	padding-left: 0;
	font-size: 14px;
	color: #eee;
	cursor: pointer;
}
#header #clock{
	display:inline-block;
	padding:0;
	padding-left:3px;
	width:110px;
}
#header .logout .dropdown-content{
	padding: 0px;
	min-width: 100px;
	color: #333;
	border-color: rgba(0,0,0,.15);
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
#header .logout .dropdown-content a{
	padding: 5px 20px;
	color: #333;
	line-height: 20px;
	display: block;
	width: 100px;
	height: 20px;
}
#header .logout .dropdown-content a:hover{
	color: #000;
	background-color: #f5f5f5;
}
#header .nav-header {
	display:block;
	width:900px;
	height:40px;
	text-align:center;
}

#header .nav-header > li{
	position:relative;	
	height: 40px;
	width: 120px;
	float: left;
}
#header .nav-header li.sub-li{	
	height: 30px;
	width: 118px;
	background: none;
	display: block;
	vertical-align: middle;
}
#header .nav-header ul.sub-nav{	
	position:absolute;
	bottom:-61px;
	background: #f5f5f5;
	border: 1px #eee solid;
	border-color: rgba(0,0,0,.15);
	border-top:none;
	display:none;
	z-index:1000;
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
#header ul.subsub-nav{
	position:relative;
	margin-left:118px;
	width:118px;
	background: #f5f5f5;
	border: 1px #fff solid;
	border-color: rgba(0,0,0,.15);
	display:none;
	z-index:1000;
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
#header .nav-header ul li a.sub-a{	
	width: 118px;
	height: 30px;
	font-size:13px;
	line-height: 30px;
	background:#fff;
	color:#333;
}

#header .nav-header li a{
	position:relative;
	display: block;
	width:120px;
	height: 40px; 
	font-weight:300;
	line-height:40px;
	font-size:14px;
	color:#fff;
	text-align:center;
	text-decoration:none;
}
#header .nav-header li a i:before{
	font-size:14px;
	vertical-align: 0;
}

#header .nav-header li a.nobg{
	background: none;
}

#header .nav-header li a span{
	position:absolute;
	top:5px;
	left:0px;
	width:100%;
	margin:0px;
	padding:0px;
	text-align:center;
	line-height: 30px;
}
#header .nav-header > li.active a,
#header .nav-header > li:hover a{
	background: #333;
}

#header .nav-header a.sub-a:hover{
	background:#eee;
	overflow: visible;
}

#main {
	width: 100%;
	padding-bottom: 40px;
}
#main .search {
	margin:0px auto;
	padding: 15px 0px;
	float: right;
} 

#main .search .form-group {
	margin: 0px 5px;
	display: inline-block;
	vertical-align: middle;
}
#main .search .search-btn{
	margin-left:-5px;
	width: 35px;
	height: 35px;
}
#main .search .search-btn i{
	margin-top: -10px;
	font-size: 20px;
	cursor: pointer;	
}
#main .search .search-btn i:hover{
	margin-top:-13px;
	margin-left:-5px;
	font-size: 25px;
}
.queryPanel {
	margin-top: 10px;
}
.form-group{
	position: relative;
}

.form-group label{
	font-weight: 700;
	color: #000;
	font-size: 15px;
	line-height: 32px;
	vertical-align: middle;
}

.form-field{
	display: block;
	padding: 8px 5px;
	font-size: 13px;
	line-height: 1.2;
	color: #555;
	vertical-align: middle;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 2px;
	-webkit-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}
.form-field.success {
	border-color: #5eb95e!important;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

.form-field.error {
	border-color: #dd514c!important;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
.form-group.inline{
	display:inline-block;
}

.form-group.inline label,
.form-group.inline input,
.form-group.inline select{
	display: inline-block;
}

.form-group.inline .btn{
	margin-top:0px;
	margin-left:10px;
}

.form-group.icon input{
	padding-left: 30px;
}
.form-group.icon i {
	position: absolute;
	left: .600em;
	top: 50%;
	display: block;
	margin-top: -7px;
	z-index: 2;
}

.form-group.icon i.edit,
.form-group.icon i.calendar {
	position: absolute;
	left: 18px;
}

.form-group.icon i:before {
	display: inline-block;
	font-family: FontAwesome;
	font-weight: 400;
	font-style: normal;
	vertical-align: baseline;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.form-field.col-1{
	width: 70px;
}
.form-field.col-1-5{
	width: 120px;
}
.form-field.col-2{
	width: 150px;
}

.form-field.col-2-5{
	width: 200px;
}

.form-field.col-3{
	width: 260px;
}
.form-horizontal .form-group{
	padding:10px 20px;
}
.form-group .col-sm-2 {
	display:inline-block;
	width:100px;
	padding-right:5px;
	text-align:right;
}
.form-horizontal .form-field{
	display:inline-block;
	padding:8px 15px;
}

.sidebar-item.active a,
.sidebar-item:hover a  {
	font-weight: 600;

}
.sidebar-item:hover .sidebar-title,
.sidebar-item.active .sidebar-title {
	background-color: #eee;
}

.sidebar-item .sidebar-title{
	color: #333;
	-webkit-transition: background-color .15s ease-out;
	transition: background-color .15s ease-out;
	padding: 5px 0px;
	padding-left:45px;
	position: relative;
	font-size: 15px;
	cursor: pointer;
}

.sidebar-item .sidebar-title:after {
	content: "\f105";
	display: inline-block;
	font-family: FontAwesome;
	font-weight: 600;
	font-style: normal;
	vertical-align: baseline;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
	position: absolute;
	left: 30px;
	top: 50%;
	margin-top: -9px;
}
.sidebar-item .sidebar-title.no-arrow:after{
	content: "";
}
.sidebar-item:hover .sidebar-title::after,
.sidebar-item.active .sidebar-title::after {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.sidebar-item .sidebar-title a{
	color: #333;
}

.sidebar-item .sidebar-content {
	display: block;
	color: #333;
	font-size: 1.4rem;
}
.sidebar-item .sidebar-content.collapse{
	display: none;
}

.sidebar-content ul li{
	padding-left: 30%;
	padding:3px 0px 3px 55px;
}

.sidebar-item .sidebar-content ul > li > a
{
	display:inline-block;
	color: #333333;
	padding-left: 15px;
	width: 130px;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	text-align:left;
	text-decoration:none;
}
.sidebar-content ul  >li.active > a,
.sidebar-content ul  >li:hover > a,
.sidebar-content ul  >li > a:active
{
	padding-left: 10px;
	font-weight: bold;
	color: #000;
}
.sidebar-content ul  >li.active:before,
.sidebar-content ul  >li:hover:before{
	display:inline-block;
	font-family: FontAwesome;
	content: "\f0da";
	color: #000;
}

#sidebar .operation .operation-body{
	padding-bottom: 10px;
}


.data-table{
	width:100%;
}

.data-table tr td{
	height:30px;
}
.data-table tr td.label{
	font-weight:600;
	width:100px;
	text-align:right;
}

input.addr,
input.date{
	margin:10px 7px 0px 7px;
	width: 150px;
	padding: 8px;
	font-size: 13px;
}

.form-group label.start-time{
	font-weight: 400;
	margin-top: 5px;
}

.op-btn-div .btn {
	font-size: 12px;
}
.operation {
	float: none;
	display: block;
}
.operation.line {
	border-bottom: 1px #ccc solid;
}
.op-border {
	border: 1px #cccccc solid;
}
.op-btn-div {
	margin: 5px;
	display:inline-block;
}
.op-btn-div .btn{
	min-width: 60px;
}
.operation .btns {
	text-align: center;
	margin-bottom: 15px;
}

.btn {
	display: inline-block;
	margin-bottom: 0;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	background-color: #fff;
	border: 1px solid #ccc;
	white-space: nowrap;
	padding: 5px 15px;
	margin-top: 5px;
	border-radius: 2px;
	line-height: 1.2;
	font-size: 10px;
	outline: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	-webkit-transition: background-color 300ms ease-out,border-color 300ms ease-out;
	transition: background-color 300ms ease-out,border-color 300ms ease-out;
}

.btn-default {
	color: #444;
	background-color: #fff;
}

.btn-default:hover, 
.btn-default:focus, 
.btn-default:active, 
.btn-default.active {
	color: #444;
	background-color: #c7c7c7;
	border-color: #c7c7c7;
}


.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary:active, 
.btn-primary.active{
	color: #fff;
	background-color: #0a6999;
	border-color: #0a6999;
}


.btn-secondary:hover, 
.btn-secondary:focus, 
.btn-secondary:active, 
.btn-secondary.active{
	color: #fff;
	background-color: #0f9ae0;
	border-color: #0f9ae0;
}


.btn-success:hover, 
.btn-success:focus, 
.btn-success:active, 
.btn-success.active {
	color: #fff;
	background-color: #429842;
	border-color: #429842;
}


.btn-warning:hover, 
.btn-warning:focus, 
.btn-warning:active, 
.btn-warning.active{
	color: #fff;
	background-color: #c85e0b;
	border-color: #c85e0b;
}


.btn-danger:hover, 
.btn-danger:focus, 
.btn-danger:active, 
.btn-danger.active {
	color: #fff;
	background-color: #c62b26;
	border-color: #c62b26;
}


.divider-default {
	height: 1px;
	border: none;
	margin: 1.5rem auto;
	overflow: hidden;
	background-color: #ddd;
	float:none;
	clear: both;
}

ul.nav-right {
	display: block;
	height: 40px;
	width: 966px;
	margin: 0px auto;
	background: #f5f5f5;
}

ul.nav-right > li {
	float: left;
	height: 40px;
}

ul.nav-right a
{
	display: block;
	width:138px;
	height: 40px;
	font-weight:bold;
	color:#555555;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	line-height: 40px;
	background: url(images/dividing_line.png) 61px 8px no-repeat;
}

ul.nav-right a.last {
	background: url(images/no_dividing_line.png) no-repeat;
}

.rightpage {
	width: 966px;
}

.clear{
	float:none;
	clear:both;
}
ul.nav-right li{
	display: inline-block;
	width: 138px;
	overflow: hidden;
}
ul.nav-right li > a{
	text-align: center;
	line-height: 40px;
}

span.number {
	padding: 0px;
	display:inline-block;
	min-width:12px;
	line-height: 40px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 600;
	color: #ff6200;
}
ul.nav-right > li.active a span,
ul.nav-right > li a:hover span
{
	color: #ffffff;
}

ul.nav-right > li a:hover,
ul.nav-right > li.active a
{
	background: #ff6200;
	color: #ffffff;
}

ul.nav-right > li.tosure a:hover{
	background: #0e90d2;
	color: #ffffff;
}

ul.nav-right > li.tosort a:hover{
	background: #dd514c;
	color: #ffffff;
}

ul.nav-right > li.topack a:hover{
	background: #3bb4f2;
	color: #ffffff;
}

ul.nav-right > li.todistribute a:hover{
	background: #5eb95e;
	color: #ffffff;
}

ul.nav-right > li.tocomplete a:hover{
	background: #ff9900;
	color: #ffffff;
}

ul.nav-right > li.over a:hover{
	background: #444;
	color: #ffffff;
}
.handleControl{
	display:inline-block;
	width:100%;
	padding:0px 14px 5px 14px;
}
.round-number {
	height: 15px;
	width: 15px;
	border-radius: 15px;
	border: 0px solid #cc0000;
	font-size: 10px;
	line-height: 15px;
	background: #fff;
	color: #cc0000;
}
.number-position {
	position: absolute;
	top: 0;
	right: 0;
}

.check-box {
	display:inline-block;
	height: 25px;
	padding: 15px 0px 5px 0px;
	font-size: 1.4rem;
}
input[type=radio], 
input[type=checkbox] {
	vertical-align: middle;
	margin: 4px 0 0;
	margin-top: 1px \9;
	line-height: normal;
}
.checkbox-inline {
	display: inline-block;
	padding-left: 25px;
	font-weight: 600;
	line-height: 20px;
	cursor: pointer;
}

.checkbox-inline input[type=checkbox]{
	float: left;
	margin-left: -18px;
	outline: 0;
}

a.ordernumber{
	color: #005ea7;
	margin-right:5px;
}
a.ordernumber:hover{
	text-decoration: underline;
}
td.ordernumber{
	position:relative;
}
td.ordernumber .icon-print{
	cursor:pointer;
	margin-left:5px;
}
.ordernumber .icon-print:hover{
	text-decoration:underline;
}

.ordernumber .need-merger{
	position:absolute;
	right:60px;
	bottom:15px;
	color:#ff6200;
}

.table {
	width: 100%;
	background: #fff;
	border-collapse: collapse;
	border-bottom: 1px #eeeeee;
	border-color: #eeeeee;
	border-spacing: 0;
	box-sizing: border-box;
	font-size: 14px;
}
.text-left{
	text-align: left;
}
.text-right{
	text-align: right;
}
.text-center{
	text-align: center;
}

.table tr:hover{
	background:#f5f5f5;
}
.table tr th.col0{
	width: 10%;
}
.table tr th.col1,
.table tr td.col1{
	width: 15%;
}
.table tr th.col2,
.table tr td.col2{
	width: 20%;
}
.table tr th.col3,
.table tr td.col3{
	width: 30%;
}
.table tr th.col3-5{
	width: 35%;
}
.table tr th,
.table tr td{
	height: 35px;
	font-size: 15px;
}

.table tr td.restaurant{
	font-size: 15px;
	padding-left: 10px;
	vertical-align:middle;
}
.table tr td.restaurant strong,
.table tr td.restaurant p{
	padding-left: 5px;
}


.table tr td.restaurant i.first {
	position: absolute;
	left: 15px;
	color: #ff6200;
	font-size: 18px;
}
.table tr th a:hover{
	text-decoration:underline;
}
.table tr th .orderTag{
	position:relative;
	display:inline-block;
	width:9px;
	height:27px;
	padding:0px;
	margin-top:-5px;
	vertical-align:middle;
}
.table tr th .orderTag a{
	position:absolute;
	left:0px;
	line-height:10px;
}
.table tr th .orderTag a:hover{
	text-decoration: none;	
}

.table tr th .orderTag a:hover i:before{
	font-size:18px;
}
.table tr th .orderTag a.top{
	top:-5px;
}
.table tr th .orderTag a.down{
	bottom:0px;
}

.table .btn{
	font-size: 12px;
}

.s-font {
	font-size: 10px;
	color: #000;
}

.round{
	display: block;
	width: 17px;
	height:17px;
	border-radius: 16px;
	font-weight: 400;
	font-size: 10px;
	line-height: 16px;
	background:#ff6200;
	color: #fff;
	text-align: center;
	cursor:default;
}
span.finished{
	display:inline-block;
	margin-left:5px;
}
.orderlist .tags{
	position:relative;
	display:inline-block;
	width:30px;
	height:100%;
	vertical-align:middle;
}
.orderlist .info {
	height:100%;
	display:inline-block;
	vertical-align:middle;
}

.orderlist .table tr td.restaurant .info p{
	padding:0px;
	width:260px;
	white-space:nowrap;
    word-break:keep-all;/* 不换行 */
    white-space:nowrap;/* 不换行 */
    overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
    text-overflow:ellipsis;
    margin-bottom:10px;
}

.orderlist .info a{	
	padding:0px 10px;
	font-size: 13px;
	color: #999;
	cursor: pointer;
}

.orderlist .info a.tip-show{
	color:#ff6200;
}

.orderlist tr td:first-child {
	text-align: left;
}

.orderlist tr th{
	height: 35px;
	line-height:35px;
	font-size: 15px;
}

.orderlist tr td{
	height: 50px;
	padding: 12px 0px;
	vertical-align: top;
}

.orderlist .table span.merger{
	position: absolute;
	left: 0px;
	top: 28px;
}

.orderlist .table span.first{
	position: absolute;
	left: 0px;
	top: 0px;
}
.orderlist .createTime{
	font-size:14px;
}
.orderlist .createTime p.recieve_time{
	display:inline-block;
	padding: 0px 5px;
	background-color:#ff6200;
	color: #fff;
	font-size:10px;
	margin-top:3px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.return_DeliveryTime{
	display:inline-block;
	padding: 0px 5px;
	background-color:#ff6200;
	color: #fff;
	font-size:10px;
	margin-top:3px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.dropdown-content {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1020;
	display: none;
	min-width: 160px;
	padding: 15px;
	margin: 9px 0 0;
	text-align: left;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 2px;
	background-clip: padding-box;
	-webkit-animation-duration: .15s;
	animation-duration: .15s;
}
.loading{
	position:relative;
	display:block;
	min-height:200px;
	width:100%;
	text-align:center;
}
.loading .icon-spinner{
	font-size:30px;
	line-height:30px;
	margin:100px auto;
}
#loading-data{
	min-height:135px;
}
#loading-data .icon-spinner{
	margin:50px auto;
}
.dataloading{
	position:absolute;
	bottom:15px;
}
.pull-left{
	float:left;
}
.pull-right{
	float: left;
}

.pagination {
	margin-top: 20px;
	float: right;
	position: relative;
}
.pagination>li {
	display: inline-block;
}
.pagination>li>a, 
.pagination>li>span {
	position: relative;
	display: block;
	padding: .5em 1em;
	text-decoration: none;
	line-height: 1.2;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 2px;
	margin-bottom: 5px;
	margin-right: 5px;
	color: #333;
}
.pagination>li>a:hover, 
.pagination>li>span:hover, 
.pagination>li>a:focus, 
.pagination>li>span:focus {
	background-color: #eee;
}

.pagination>.active>a, 
.pagination>.active>span, 
.pagination>.active>a:hover, 
.pagination>.active>span:hover, 
.pagination>.active>a:focus, 
.pagination>.active>span:focus {
	z-index: 2;
	color: #333;
	border:none;
	font-weight: bold;
	cursor: default;
}

.gotop {
	position: fixed;
	bottom: 1px;
	right: 2px;
	text-align: center;
	padding: 5px 0px;
	border: 1px solid #ccc;
	margin: 10px 0;
}
.gotop:hover {
	background-color: #f5f5f5;
}

.gotop a {
	padding: 5px;
	border-radius: 2px;
	color: #333;
	font-size: 12px;
 	display: block;
	text-decoration: none;
	width: 32px;
}

/** plugins css  **/
.popover {
	position: absolute;
	margin: 0;
	top: 0;
	left: 0;
	width: auto;
	max-width: 500px;
	border-radius: 2px;
	background: #333;
	color: #fff;
	border: 1px solid #333;
	display: none;
	z-index: 200;
	opacity: 0;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	-webkit-transition: 300ms;
	transition: 300ms;
	-webkit-transition-property: opacity;
	transition-property: opacity;
}

.popover.active {
	display: block!important;
	opacity: 1;
}

.popover-inner {
	position: relative;
	max-width: 200px;
	min-height:20px;
	background: #333;
	padding: 3px 8px;
	font-size:10px;
	line-height:20px;
	z-index: 110;
	overflow: auto;
	word-break: break-all;
	-webkit-overflow-scrolling: touch;
}

.popover-right .popover-inner{
	max-width:95px;
}

.popover-caret {
	position: absolute;
	left: 5px;
	top: 0;
	z-index: 100;
	display: inline-block;
	width: 0;
	height: 0;
	vertical-align: middle;
	border-bottom: 6px solid #333;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
	border-top: 0 dotted;
	-webkit-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
	overflow: hidden;
}

.popover-top .popover-caret {
	top: auto;
	bottom: -6px;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.popover-right .popover-caret {
	top: auto;
	border-right: 6px solid #333;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 0 dotted;
}
#timeline{
	width:80%;
	margin:0px auto;
}
#timeline li {
	vertical-align:middle;
}
#timeline span.round{
	display:inline-block;
	vertical-align:middle;
	width:8px;
	height:8px;
	padding:0px;
	border-radius: 4px;
}
#timeline li p{
	margin-left:10px;
	display:inline;
	vertical-align:middle;
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    visibility: visible;
    font-size: 12px;
    line-height: 1.4;
    opacity: 0;
    filter: alpha(opacity=0)
}
.tooltip.in {
    opacity: .9;
    filter: alpha(opacity=90)
}
.tooltip.top {
    margin-top: -3px;
    padding: 5px 0
}
.tooltip.right {
    margin-left: 3px;
    padding: 0 5px
}
.tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0
}
.tooltip.left {
    margin-left: -3px;
    padding: 0 5px
}
.tooltip-inner {
    max-width: 200px;
    display:inline-block;
    padding: 3px 8px;
    color: #fff;
    text-align: left;
    text-decoration: none;
    background-color: #000;
}
.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}
.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}
.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    left: 5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}
.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    right: 5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}
.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000
}
.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000
}
.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}
.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    left: 5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}
.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    right: 5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}
.clearfix:before, .clearfix:after {
    content: " ";
    display: table
}
.clearfix:after {
    clear: both
}
.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.pull-right {
    float: right !important
}
.pull-left {
    float: left !important
}
.hide {
    display: none !important
}
.show {
    display: block !important
}
.invisible {
    visibility: hidden
}
.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}
.hidden {
    display: none !important;
    visibility: hidden !important
}
.affix {
    position: fixed
}

.flash_success,
.flash_error{
	width:1200px;
	margin:10px auto;
	margin-bottom: 15px;
	padding: 10px;
	color: #fff;
	border-radius: 0;
}

.flash_success{
	border: 1px solid #4bad4b;
	background-color: #5eb95e;
}

.flash_error{
	border: 1px solid #d83832;
	background-color: #dd514c;
}


/** datepicker css*/

.pika-single {
    z-index: 99999;
    display: block;
    position: relative;
    width: 210px;
    padding: 8px;
    color: #333;
    background: #fff;
    border: 1px solid #ccc;
    border-right-color: #bbb;
    border-bottom-color: #bbb;
    font-family: Arial, 'Microsoft YaHei';
}

.pika-single.is-hidden {
    display: none;
}

.pika-single.is-bound {
    position: absolute;
    box-shadow: 0 5px 15px -5px rgba(0,0,0,0.5);
}

.pika-title {
    height:30px;
    overflow:hidden;
}

.pika-label {
    float:left;
    position: relative;
    z-index: 9999;
    overflow: hidden;
    margin: 0;
    padding: 5px 0;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff;
    _display:inline;
}

.pika-label-year {
    margin-left:40px;
    width:58px;
}

.pika-label-month {
    width:50px;
}
.pika-title select {
    cursor: pointer;
    position: absolute;
    z-index: 9998;
    margin: 0;
    left: 0;
    top: 5px;
    opacity: 0;
}

.pika-prev,
.pika-next {
    display: block;
    cursor: pointer;
    outline: none;
    position: relative;
    padding: 0;
    width: 20px;
    height: 30px;
    text-indent:100%;
    overflow: hidden;
    opacity: 0.5;
    _text-decoration:none;
    _text-align:center;
    _color:#555;
    _text-indent:0;
    _font:bold 16px/30px 'SimSun';
}

.pika-prev:hover,
.pika-next:hover {
    opacity: 1;
}

.pika-prev,
.is-rtl .pika-next {
    float: left;
    background: url('');
}

.pika-next,
.is-rtl .pika-prev {
    float: right;
    background-image: url('');
}

.pika-prev.is-disabled,
.pika-next.is-disabled {
    cursor: default;
    opacity: 0.2;
}

.pika-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
}

.pika-table th,
.pika-table td {
    width: 30px;
    height:25px;
}

.pika-table th {
    color: #999;
    font-size: 12px;
    line-height: 25px;
    font-weight: bold;
    text-align: center;
}

.pika-button {
    cursor: pointer;
    display: block;
    outline: none;
    border: 0;
    margin: 0;
    width: 20px;
    height:15px;
    padding: 5px;
    color: #666;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    background: #f5f5f5;
    text-decoration:none;
}

.is-today .pika-button {
    color: #33aaff;
    font-weight: bold;
}

.is-selected .pika-button {
    color: #fff;
    font-weight: bold;
    background: #33aaff;
    box-shadow: inset 0 1px 3px #178fe5;
    border-radius: 3px;
}

.is-disabled .pika-button {
    pointer-events: none;
    cursor: default;
    color: #999;
    opacity: 0.3;
}

a.pika-button:hover {
    color: #fff;
    background: #ff8000;
    box-shadow: none;
    border-radius: 3px;
}

/** orderdetail table */

.i-content {
	border-radius: 5px;
	text-align:center;
	background: #fff;
}
.i-content .table {
	border-bottom: 1px #CCCCCC solid;
	margin-top: 5px;
}
.i-content .table th {
	font-size: 12px;
}


.i-content .table th.co1 {
	width: 10%;
}

.i-content .table th.co2 {
	width: 20%;
}

.i-content .table th.co3 {
	width: 30%;
}
.i-content .table th.co4 {
	width: 15%;
}
.i-content .table th.co5 {
	width: 15%;
}
.i-content .table th.co6 {
	width: 10%;
}
.i-content .table thead tr th{
	padding:8px 0px;
}
.i-content .table tbody tr{
	border-bottom:1px solid #eee;
}
.i-content .table tr >td
 {
	height: 30px;
	text-align: center;
	padding: 2px;
	border: none;
}
.i-content .table tr td a{
	color: #333;
}

.i-content .table tr td a.operation{
	color:#0a6999;
	display:inline-block;
	cursor:pointer;
}

.i-content .table tr td a:hover{
	text-decoration:underline;
}

.i-content .table .form-field {
	font-size:14px;
	padding:5px;
	width:70px;
	text-align:center;
}
.i-content .table .form-group .icon{
	position:absolute;
	left:65px;
	top:8px;
	display:none;
}
.i-content .merger-table{
	width:100%;
}
.i-content .merger-table caption{
	font-size:15px;
	padding-bottom:10px;
	font-weight:600;
}
.i-content .merger-table tr th{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.i-content .merger-table tr th,
.i-content .merger-table tr td{
	padding:5px 0px;
}
.i-content .merger-table tr td a{
	color:#ff6200;
}
.i-content .merger-table tr td a:hover{
	text-decoration:underline;
}
.i-content .tool-bar{
	text-align:right;
	padding:0px 10px;
	padding-bottom:10px;
}
.ui-autocomplete{
	z-index:11500;
}
.ui-widget{
	font-family:inherit;
}
.form-group .unit{
	position:absolute;
	right:5px;
	top:5px;
}
.sub-table tr td label {
	font-weight: bold;
	font-size: 12px;
}
.sub-table {
	margin: 0px auto;
}
.sub-table tr,
.sub-table td{
	border: none;
	width: 300px;
	height: 25px;
}
.sub-table td.label{
	text-align: right;
	min-width:70px;
	width:70px;
}
.sub-table td {
	text-align: left;
}
.i-content .all-btns{
	margin: 30px;
	position: relative;
	left: 400px;
	top: 100px;
}

.alert {
	margin-bottom: 15px;
	padding: 10px;
	background: #0e90d2;
	color: #fff;
	border: 1px solid #0c7cb5;
	border-radius: 2px;
}
.alert-success {
	background-color: #5eb95e;
	border-color: #4bad4b;
	color: #fff;
}
.alert-warning {
	background-color: #f37b1d;
	border-color: #e56c0c;
	color: #fff;
}

.alert-danger {
	background-color: #dd514c;
	border-color: #d83832;
	color: #fff;
}


._box{ 
	position: absolute;
	z-index:19999;
}

.error{
	color:#f00;
}

span.icon-ok{
	color:#3c763d;
}

.order-status{
	padding:3px 10px;
	color:#fff;
	font-size:10px;
	-moz-border-radius: 3px; 
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.status--1{color:#d3d7d4;}
.status-1{background-color:#fc0}
.status-2{background-color:#23d5a5}
.status-3{background-color:#06a3e7}
.status-4{color:#333;}
.status-5{color:#333;}
.status-6{background-color:#00CC66}
.status-7{background-color:#0099CC}

.tag {
	display: inline;
	padding: .2em .6em .3em;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25em;
}
.tag-warning {
	background-color: #f0ad4e;
}
.tag-default {
	background-color: #c7c7c7;
}
.tag-success {
	background-color: #5cb85c;
}
.tag-daily {
	background-color:#b66079;
}
.tag-weekly {
	background-color:#4199d7;
}

/** Dialog CSS **/
.i-dialog{position:fixed;_position:absolute;background:#fff;border-radius:3px;border:1px solid #ccc;box-shadow: 0 0 2px rgba(0,0,0,.2);display:none;overflow-y:hidden;}
.i-dialog .i-target{background:#eee;cursor:move;line-height:32px;}
.i-dialog .i-target h2{font-size:14px;font-weight:normal;line-height:32px;padding:0 40px 0 10px;margin:0;} 
.i-dialog .i-close{display:block;width:20px;height:20px;text-align:center;line-height:20px;font-size:14px;text-decoration:none;position:absolute;top:6px;right:5px;font-family:'\u9ed1\u4f53';color:#CACACA;} 
.i-dialog .i-close:hover{color:#E60012;}
.i-dialog .i-content{clear:both;}
.i-dialog .i-wrapBtn{height:32px;background:#eee;text-align:right;}
.i-dialog .i-wrapBtn input{
    outline: none;
    background-image: none;
    border: 1px solid #000;
    border-radius: 2px;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.42857;
    margin:4px 6px 0 0;
    *margin: 3px 6px 0 0;
    padding: 3px 10px;
    *padding:3px 10px 0;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    background-color: #fff;
    border-color: #ccc;
    color: #333;    
}
.i-dialog .i-wrapBtn input:hover{
    background-color: #EBEBEB;
    border-color: #ADADAD;
}
.i-dialog .i-wrapBtn input.green{
    background-color: #5CB85C;
    border-color: #4CAE4C;
    color: #fff;
}
.i-dialog .i-wrapBtn input.green:hover{
    background-color: #47A447;
    border-color: #398439;
}
.i-dialog .i-wrapBtn input.blue{
    background-color: #5BC0DE;
    border-color: #46B8DA;
    color: #fff;
}
.i-dialog .i-wrapBtn input.blue:hover{
    background-color: #39B3D7;
    border-color: #269ABC;
}
.i-dialog .i-wrapBtn input.yellow{
    background-color: #F0AD4E;
    border-color: #EEA236;
    color: #fff;
}
.i-dialog .i-wrapBtn input.yellow:hover{
    background-color: #ED9C28;
    border-color: #D58512;
}
.i-dialog .i-wrapBtn input.red{
    background-color: #D9534F;
    border-color: #D43F3A;
    color: #fff;
}
.i-dialog .i-wrapBtn input.red:hover{
    background-color: #D2322D;
    border-color: #AC2925;
}
.i-dialog .i-wrapBtn input.i-disabled,select[disabled],.i-dialog .i-wrapBtn input.i-disabled:hover{
    color: #C1BBBB;
    cursor:not-allowed;
    background-color: #ebebeb;
    border-color: #DEDEDE;
}
.i-dialog-lock{position:absolute;width:100%;height:1300px;overflow:hidden;left:0;top:0;opacity:0;filter:alpha(opacity=0);background:#000;}
.i-dialog-lock iframe{position:absolute;width:100%;height:100%;left:0;top:0;z-index:1000;opacity:0;filter:alpha(opacity=0);  }

.i-dialog-lock{
    -webkit-transition:opacity .3s;
    -moz-transition:opacity .3s;
    -ms-transition:opacity .3s;
    transition:opacity .3s;
}
.i-scale,.i-super-scale,.i-right-slide,.i-top-slide{
    -webkit-transition-property:-webkit-transform, opacity;
    -moz-transition-property:-moz-transform, opacity;
    -ms-transition-property:-ms-transform, opacity;
    transition-property:transform, opacity;
    -webkit-transition-duration:.3s;
    -moz-transition-duration:.3s;
    -ms-transition-duration:.3s;
    transition-duration:.3s;
}
.i-scale {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
}
.i-scale.i-show {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.i-super-scale {
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);
    opacity: 0;
}

.i-super-scale.i-show {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.i-right-slide{
    -webkit-transform: translateX(20%);
    -moz-transform: translateX(20%);
    -ms-transform: translateX(20%);
    transform: translateX(20%);
    opacity: 0;
    -webkit-transition-timing-function:cubic-bezier(0.25, 0.5, 0.5, 0.9);
    -moz-transition-timing-function:cubic-bezier(0.25, 0.5, 0.5, 0.9);
    -ms-transition-timing-function:cubic-bezier(0.25, 0.5, 0.5, 0.9);
    transition-timing-function:cubic-bezier(0.25, 0.5, 0.5, 0.9);
}

.i-right-slide.i-show {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}
.i-top-slide{
    -webkit-transform: translateY(-500px);
    -moz-transform: translateY(-500px);
    -ms-transform: translateY(-500px);
    transform: translateY(-500px);
    opacity: 0;
    -webkit-transition-timing-function:cubic-bezier(0.25, 0.5, 0.5, 0.9);
    -moz-transition-timing-function:cubic-bezier(0.25, 0.5, 0.5, 0.9);
    -ms-transition-timing-function:cubic-bezier(0.25, 0.5, 0.5, 0.9);
    transition-timing-function:cubic-bezier(0.25, 0.5, 0.5, 0.9);
}

.i-top-slide.i-show {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}


/** modals css */
.modal-open {
    overflow: hidden
}
.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1940;
    -webkit-overflow-scrolling: touch;
    outline: 0
}
.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition: -moz-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out
}
.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}
.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}
.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    outline: 0
}
.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000
}
.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0)
}
.modal-backdrop.in {
    opacity: .5;
    filter: alpha(opacity=50)
}
.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.42857143px
}
.modal-header .close {
    margin-top: -2px
}
.modal-title {
    margin: 0;
    line-height: 1.42857143
}
.modal-body {
    position: relative;
    padding: 15px
}
.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}
.modal-footer .btn+.btn {
    margin-left: 5px;
    margin-bottom: 0
}
.modal-footer .btn-group .btn+.btn {
    margin-left: -1px
}
.modal-footer .btn-block+.btn-block {
    margin-left: 0
}
.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}
button.close {
	-webkit-appearance: none;
	padding: 0;
	cursor: pointer;
	background: 0 0;
	border: 0;
}
.close {
	float: right;
	font-size: 21px;
	font-weight: 700;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	filter: alpha(opacity=20);
	opacity: .2;
}
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	border: 0;
}
@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto
    }
    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5)
    }
    .modal-sm {
        width: 300px
    }
}
@media (min-width: 992px) {
    .modal-lg {
        width: 900px
    }
}
.clearfix:before, .clearfix:after, .modal-footer:before, .modal-footer:after {
    content: " ";
    display: table
}
.clearfix:after, .modal-footer:after {
    clear: both
}
.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.pull-right {
    float: right !important
}
.pull-left {
    float: left !important
}
.hide {
    display: none !important
}
.show {
    display: block !important
}
.invisible {
    visibility: hidden
}
.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}
.hidden {
    display: none !important;
    visibility: hidden !important
}
.affix {
    position: fixed
}
/****************** 拒收/缺货/退货 *****************************************************************/
.dialogsearch{
	text-align: left;
}
.search-margin{
	margin-left: 13px;
}
.ro-tags{
	position:relative;
	left: -15px;
	display:inline-block;
	width:30px;
	height:100%;
	vertical-align:middle;
}
.ro-info{
	width:65%;
    height:100%;
	display:inline-block;
	vertical-align:middle;
	font-size: 13px;
}
.ro-drop-btn{
	float:left;
	padding: 0px 0px 0px 10px;
	text-decoration:none !important;
}
.ro-drop-btn::before{
	content: "\f105";
	display: inline-block;
	font-family: FontAwesome;
	font-weight: 600;
	font-style: normal;
	vertical-align: baseline;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
	margin-right: 5px;
}
.ro-drop-btn:hover:before,
.ro-drop-btn:active:before{
	color: #333;
	font-weight: 600;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.ro-drop-btn:hover,
.ro-drop-btn:active{
	color: #333;
	font-weight: 600;
}
.ro-table-td{
	vertical-align: top;
	padding: 10px 10px 18px 0px !important;
}
.ro-info-remark{
	float:right;
	padding-right: 5px;
	margin-right: 50px;
	text-decoration:none !important;
}
.ro-num-a{
	font-weight: 500;
	padding-right:10px;
	font-size: 16px;
	text-decoration:none !important;
}
.ro-num-p{
	text-align: left;
	padding-bottom: 10px;
}
.ro-table-load{
	position: relative;
	left: 10px;
}
.ro-select{
	width: 80px;
	height: 27px;
	vertical-align: bottom;
	margin-right: 10px;
	border: 1px;
	border: 1px solid #ccc;
}
.ro-tr-white:hover{
	background: white !important;
}
.ro-alert-warning{
	background-color: rgba(215, 222, 224, 0.43);
	border: none;
	height: 100px;
	line-height: 24px;
	text-align: center;
	color: black;
	margin-top: 15px;
}
.ro-icon-search{
	margin-top: -9px !important;
	font-family: FontAwesome;
}
.ro-icon-search:before{
	content: "\f002";
	font-size: 20px;
    cursor: pointer;
    position: relative;
	top: -7px;
}
.ro-icon-search:hover:before{
	font-size: 22px;
}
.ro-edit{
	margin-left: 44px;
	width: 110px;
	float: none;
}
.ro-dropdown-content{
	position: absolute;
	top: 222px;
	left:673px;
	z-index: 1020;
	display: none;
	min-width: 33px;
	text-align: left;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 2px;
	background-clip: padding-box;
	-webkit-animation-duration: .15s;
}
.ro-dropdown-li{
	width: 60px;
	text-align: center;
	cursor: pointer;
}
.ro-dropdown-li:hover{
	color: #000;
	background-color: #f5f5f5;
}
.ro-new-table th{
	text-align: center;
}
.ro-new-table td{
	text-align: center;
	color:back;
}
.ro-new-table table tr:hover{
	background: white;
}
.ro-add{
	text-align: right;
}
.ro-add-area{
	display: none;
/* 	text-align: -webkit-center; */
}
.ro-operation{
	color: #0a6999 !important;
	
	cursor: pointer;
	font-size: 12px;
}
.ro-new-tr{
	display: none;
}
.ro-p{
	position: relative;
	top:3px;
	color: #005ea7 !important;
}
.ro-wait{
	position: relative;
	top: 20px;
}
.ro-wait-info{
	position: relative;
	left: -24px;
}
.ro-wait-cfb{
	position: relative;
	right: -310px;
}
.ro-returnordermoney {
	position: relative;
	top: 9px;
	font-size: 13px;
	color: #ff6200;
	}
